{extend name="common/base" /}
<!--title-->
{block name="titlekeyword"}
<title>{$content}</title>

{/block}
<!--代码主要内容-->
{block name="main"}
<h6>内容</h6>
<input type="button" onclick="test1()" value="动态创建超连接" />
<div id="div1" style="width:200px;height:400px;margin-left:300px;border:1px solid red;">
	<p>div1<br/>
		width:200px;<br/>
		height:400px;<br/>
		margin-left:300px<br/>

	</p>
	
</div>
<h6>代码</h6>
<pre>


	 </pre> {/block}
<!--底部js 在这里是js的实际代码区-->
{block name="footjs"}
<script language="javascript">

	function test1(){
	var myElement=document.createElement("a");
	//a标签中的信息
	myElement.href="http://www.sina.com";
	myElement.innerText="连到sohu";
	document.getElementById("div1").appendChild(myElement);
	
	//绝对定位
	myElement.style.left="500px";//注 syle
	myElement.style.top="500px";
	myElement.style.position="absolute"; //绝对定位 以浏览器的圆点为准


	//添加到document.bady下
	
		}
</script> {/block}